<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{%=o.htmlWebpackPlugin.options.title || 'Webpack App'%}</title>
    {% if (o.htmlWebpackPlugin.files.favicon) { %}
    <link rel="shortcut icon" href="{%=o.htmlWebpackPlugin.files.favicon%}">
    {% } %}
    {% for (var css in o.htmlWebpackPlugin.files.css) { %}
    <link href="{%=o.htmlWebpackPlugin.files.css[css] %}" rel="stylesheet">
    {% } %}
</head>
<body ms-controller="demobody" style="margin: 0 0 0 0;" >
            <!--  <div  id="topmenu">全局工具栏</div> -->
            <div id="workspace" ms-css-width="layoutWidth" ms-css-height="layoutHeight" >
                 
                <div id="westregion" style="border-color:#ccc;"  ms-css-width="westregionWidth" ms-css-height="westregionHeight"  >
                    <div class="oni-layout-search-bar">
                        <div class="search-section">
                            <div class="search-wrap">
                                <input class="search-input" type="text" placeholder="搜索项目">
                                <span class="iconfont icon-search"></span> 
                            </div>
                            <a href="#" ms-click="qiehuan" ms-widget="button" style="color:#fff;background:#00868B">切换界面方式</a>
                        </div>
                    </div>
                    <div class="scrollbar-macosx" id="projects">   
                        <div  ms-controller="projectlist" style="float:left;">  
                            <ul class="projectlist" style="margin-top:26px;"> 
                                <li ms-repeat-el="projectlistarr" class="list-item">{{el}}</li>
                            </ul> 
                        </div>
                        <!-- 这里是放表格的地方 -->
                        <div id="projectlistattr"   ms-visible="projectlistattrdisplay"  ms-css-width="projectlistattrWidth" style="background:#fff;float:left;overflow-x: scroll;overflow-y: hidden;">
                            <div id="projectlistattrhandsontable" > </div>
                        </div> 
                    </div> 
                </div>  
                <div id="centerregion" style="border-color:#ccc;"  ms-visible="centerdisplay" ms-css-width="centerregionWidth" ms-css-height="centerregionHeight" ms-css-left="centerregionleft">
                         <!-- 消息列表 --> 
                         
                            <div  ms-controller="demotextarea" id="msgbox" class="aside" style="margin-top:-1px;margin-left:-1px;">
                               <div  ms-css-height="msglistheight">
                               <!-- <div   > -->
                                <div class="scrollbar-macosx" id="msglists" >
                                   <div  ms-repeat-el="msglist"  style="/*width:100%;*/min-height:50px;padding:10px; padding-right:10px;" class="msglist "> 
                                        <div class="msglist-content-background">
                                         <div class="msglist-content" >
                                             {{el|html}}
                                         </div> 
                                        </div>
                                    </div> 
                                </div> 
                                </div>

                                <div ms-css-height="msgboxheight">
                                <!-- <div  > -->
                                    <!-- <textarea name="content" ms-widget="kindeditor,$,$opts" style="width:100%;height:70px;" ms-duplex="txt"></textarea> -->
                                    <!-- <textarea id='textarea0' style='height:80px;width:100%;' ms-on-keydown="jianting"></textarea> -->
                                     <textarea id='textarea1' style='height:100px;width:100%;' ></textarea> 
                                    <!--<script type="text/plain" id="myEditor" style="width:613px;height:100px;">
                                        <p>这里我可以写一些输入提示</p>
                                    </script>-->
                                    

                                    <div  style="width:100%;height:30px;background:#fff;border-bottom:1px solid #CCCCCC;">
                                         <a href="#" ms-click="addmsg" ms-widget="button" style="color:#fff;background:#00868B"> 发 送 </a>
                                         <a href="#" ms-click="addfile" ms-widget="button" style="color:#fff;background:#00868B"> 添加附件 (3) </a>
                                         <!--<div style="width:50px;height:30px;background:#00868B"></div>-->
                                    </div> 
                                </div> 
                            </div> 
                </div>
                <div id="eastregion" style="border-color:#ccc;" ms-visible="eastdisplay" ms-css-width="eastregionWidth" ms-css-height="eastregionHeight"       ms-css-left="eastregionleft"> 
                        <div  ms-controller="handsontable" > <!--class="scrollbar-inner"-->
                            <div>
                               <a href="#" ms-click="getData" ms-widget="button" style="color:#fff;background:#00868B">保存</a>
                               <a href="#" ms-click="sliderightshow" ms-widget="button" style="color:#fff;background:#00868B">大屏</a> 
                               <!-- <a href="#" ms-click="addfile" ms-widget="button" >上传</a>  -->
                               <a href="#" ms-click="copy" ms-widget="button" >复制</a> 
                               <a href="#" ms-click="paste" ms-widget="button" >粘贴</a> 
                            </div>
                            <div id="handsontable" style="width: 100%; height: 590px; overflow: scroll" ms-css-height="eastregionhandsontableHeight"> </div>  
                        </div> 
                </div>
                
            </div>
               <div class="" ms-controller="upload_dialog"> 
                       <!--  <button ms-click="show('aa')">打开对话框</button>  -->
                       <div ms-widget="dialog,upload,$upOpts" data-dialog-modal="false" data-dialog-draggable="true" style="z-index:500"> 
                           <!-- <div class="oni-dialog-inner">
                                <div class="oni-dialog-header">
                                    <div class="oni-dialog-close">
                                        <i class="oni-icon oni-icon-times"></i>
                                    </div>
                                     <div class="oni-dialog-title">上传文件{{uploadtitle}}</div>
                                </div>
                                <div class="oni-dialog-content">
                                                呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                </div>
                                <div class="oni-dialog-footer oni-helper-clearfix">
                                    <div class="oni-dialog-btns">
                                        <button class="oni-button oni-widget oni-state-default oni-corner-all oni-button-success" data-button-color="success"><span class="oni-button-text">确定</span></button>
                                        <button class="oni-button oni-widget oni-state-default oni-corner-all"><span class="oni-button-text">取消</span></button>
                                    </div>
                                </div>
                            </div> -->
                            

                           <div id="filelist">
                                <div id="container">
                                    拖拽到此处上传
                                </div>
                                
                            </div> 
                            <a class="btn btn-default btn-lg " id="pickfiles" href="#" >
                                        <i class="glyphicon glyphicon-plus"></i>
                                        <span>选择文件</span>
                            </a>
                            <div ms-widget="progressbar,$uploaddialogprogressbar" data-progressbar-simulate="100" data-progressbar-label="true" data-progressbar-indeterminate="true"></div>
                       </div>
               </div>

               <div class="demo-show" ms-controller="dialog"> 
                       <!--  <button ms-click="show('aa')">打开对话框</button>  -->
                       <div ms-widget="dialog,aa,$ffOpts" data-dialog-modal="false" data-dialog-draggable="true" style="z-index:500"> 
                                    <p>{{message}}</p>
                       </div>
               </div>
               <!-- 右侧菜单 -->
               <div  ms-controller="slideright">
                   <div class="slideright" ms-css-width="sliderightlayoutWidth" ms-visible="sliderightdisplay">
                       <a href="#" ms-click="closeslideright" ms-widget="button" style="color:#fff;background:#00868B">关闭</a>
                       <div id="handsontablebig" style="width: 100%; height: 95%; overflow: scroll"> </div> 
                   </div>
               </div> 
       <!--  </div>  -->  
     
{% for (var chunk in o.htmlWebpackPlugin.files.chunks) { %}
<script src="{%=o.htmlWebpackPlugin.files.chunks[chunk].entry %}"></script>
{% } %}
</body>
</html>
